<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>QingCMS - 基于layui的通用后台管理系统</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="__THIRD__/layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="__THIRD__/layuiadmin/style/admin.css" media="all">
  <link rel="stylesheet" href="__CSS__/default.css" media="all">
</head>
<body class="layui-layout-body">
  <div id="LAY_app">
    <div class="layui-layout layui-layout-admin">
      <!-- 顶部部分 -->
      {include file='index/header'/}

      <!-- 菜单部分 -->
      {include file='index/menu'/}

      <!-- 页面标签 -->
      <div class="layadmin-pagetabs" id="LAY_app_tabs">
        <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
        <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
        <div class="layui-icon layadmin-tabs-control layui-icon-down">
          <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
            <li class="layui-nav-item" lay-unselect>
              <a href="javascript:;"></a>
              <dl class="layui-nav-child layui-anim-fadein">
                <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
                <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
                <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
              </dl>
            </li>
          </ul>
        </div>
        <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
          <ul class="layui-tab-title" id="LAY_app_tabsheader">
            <li lay-id="{:url(isset($menu[0]['child']) ? ($menu[0]['child'][0]['name'] ?: 'emptyAuth') : 'emptyAuth')}" lay-attr="{:url(isset($menu[0]['child']) ? ($menu[0]['child'][0]['name'] ?: 'emptyAuth') : 'emptyAuth')}" class="layui-this"><i class="layui-icon layui-icon-home"></i></li>
          </ul>
        </div>
      </div>
      
      <!-- 主体内容 -->
      <div class="layui-body" id="LAY_app_body">
        <div class="layadmin-tabsbody-item layui-show">
          <iframe src="{:url(isset($menu[0]['child']) ? ($menu[0]['child'][0]['name'] ?: 'emptyAuth') : 'emptyAuth?msg=当前页面没有权限')}" frameborder="0" class="layadmin-iframe"></iframe>
        </div>
      </div>
      
      <!-- 辅助元素，一般用于移动设备下遮罩 -->
      <div class="layadmin-body-shade" layadmin-event="shade"></div>
    </div>
  </div>
  <script src="__THIRD__/layuiadmin/layui/layui.js"></script>
  <script>
  layui.config({
    base: '__THIRD__/layuiadmin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'element'], function(){
    var $ = layui.$
    ,element = layui.element
    ,asumaData = layui.sessionData('asuma')

    var tabPre = asumaData.tab_pre_{$userid};

    if(typeof tabPre != 'undefined' && tabPre.tabId){
      setTimeout(function(){
        layui.index.openTabsPage(tabPre.tabId, tabPre.tabName)
        $('#LAY-system-side-menu>li').find('a[lay-href="'+tabPre.tabId+'"]').parents('li').addClass('layui-nav-itemed').siblings('li').removeClass('layui-nav-itemed')
      },300)
    }

    // 监听tab切换事件，保留当前页到缓存
    element.on('tab(layadmin-layout-tabs)', function(data){
      let tabId = $(data.elem).find('.layui-this').attr('lay-id')
      let tabName = $(data.elem).find('.layui-this').children('span').text()
      layui.sessionData('asuma', {
        key: 'tab_pre_{$userid}'
        ,value: {
          tabId: tabId,
          tabName: tabName
        }
      });
    });    

    $('#logout').on('click', function(){
      layer.msg('即将退出登录', {
        icon: 6
        ,time:0
        ,btn: ['确定','取消']
        ,yes:function(res){
          layui.sessionData('asuma', {
            key: 'tab_pre_{$userid}'
            ,remove: true
          });
          window.location.replace("{:url('Login/logout')}");
        }
      });
    })
  });
  </script>
</body>
</html>
